
<template>
  <Layout :style="{minHeight: '100vh'}">
    <Header>
      <Menu mode="horizontal"
            theme="primary"
            active-name="1">
        <div class="layout-logo">Ixyu</div>
        <div class="layout-nav">
          <MenuItem name="1"
                    to="/">
          <Icon type="ios-navigate"></Icon>
          首页
          </MenuItem>
          <MenuItem name="2"
                    to="/">
          <Icon type="ios-navigate"></Icon>
          专题
          </MenuItem>
          <MenuItem name="3"
                    to="/health">
          <Icon type="ios-keypad"></Icon>
          健康
          </MenuItem>
          <MenuItem name="4"
                    to="/task">
          <Icon type="ios-analytics"></Icon>
          任务
          </MenuItem>
        </div>
      </Menu>
    </Header>
    <Layout :style="{margin: '0 20px 0', background: '#fff', minHeight: '500px'}">
      <nuxt />
    </Layout>
  </Layout>
</template>
<script>
import Vue from "vue";
export default {
  data () {
    return {
      serveUrl: 'http://localhost:21021/',
      days: [],
    }
  },
  // created () {
  //   this.init()
  // },
  // methods: {
  // }
}
</script>
<style scoped>
.layout-con {
  height: 100%;
  width: 100%;
}
.layout-logo {
  width: 100px;
  height: 30px;
  font-size: 18px;
  border-radius: 3px;
  float: left;
  position: relative;
  top: 15px;
  left: 20px;
  color: white;
}
.layout-nav {
  margin-right: 20px;
}
.ivu-layout-header {
  background-color: #2d8cf0;
}
.nav {
  float: left;
  width: 240px;
}
</style>

